@import '../style/theme/color';
@import '../style/core/animation';

.cdk-overlay-pane > div > .devui-dropdown-menu {
  position: relative;
  top: 0; // initial; ie11不认识initial
  left: 0; //initial;
  border: none;
}

.devui-dropdown span {
  &.icon-chevron-down,
  &.icon-select-arrow {
    display: inline-block;
    vertical-align: text-top;
  }
}

.devui-dropdown-animation span {
  &.icon-chevron-down,
  &.icon-select-arrow {
    transition: transform $devui-animation-duration-slow $devui-animation-ease-in-smooth;
  }
}

.devui-dropdown.open span {
  &.icon-chevron-down,
  &.icon-select-arrow {
    transform: rotate(180deg);
  }
}
